<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
}
ul {
	list-style: none;
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
}
img { border-style: none; }

a {
	text-decoration: none;
	color: #000;
}
a:hover{
	color: #F00;
	background-color: #00F;
	background-image: url(bg_blue.gif);
	background-repeat: repeat;
	display: block;
}
#menu {
	background-color: #eee;
	width: 100px;

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
#menu ul { list-style: none; margin: 0px; padding: 0px; }
#menu ul li {
	height:26px;
	line-height: 26px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #0FC;
	background-color: #eee;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	position:relative;
}
#menu ul li ul {
	position: absolute;
	display: none;
	left: 100px;
	
	top:0;
	width:100px;
}
#menu ul li:hover ul {
	display: block;

}
</style>
</head>

<body>
<div id="menu">  
    <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">服装</a>          
            <ul>
                <li><a href="#">上衣1</a></li>
                <li><a href="#">上衣2</a></li>
                <li><a href="#">上衣3</a></li>
          </ul>
        </li>
        <li><a href="#">电子</a></li>
        <li><a href="#">客服</a></li>
    </ul>
</div>
 
</body>
</html>
